﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf=8" />
		<title>hello time-我的时间管理器</title>
		<link href="css/framecss.css" rel="stylesheet" type="text/css">
		
		<script src="js/gallery.js" type="text/javascript"></script>
		<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.js" type="text/javascript"></script>
		<script src="js/animation.js" type="text/javascript"></script>
		<style type="text/css">
		</style>
	</head>

	<body>
		<div id="main">
		
		
			<div id="navigation" align="left">
				<table width="200" border="0">
					<tr>
						<td><a href="#principle" alt="产品"><img src="images/logo.bmp" />设计理念</a></td>
					</tr>
					<tr>
						<td><a href="#product" alt="产品"><img src="images/logo.bmp" />产品概览</a></td>
					</tr>
					<tr>
						<td><a href="#team" alt="团队" ><img src="images/wuxianpu-logo.png" />团  队</a></td>
					</tr>
					<tr>
						<td><a href="#contact" alt="联系我们" ><img src="images/e-mail-logo.jpg" /> 联系我们</a></td>
					</tr>
				</table>
			</div>

			
			
			<div id="to-top" align="left">
				<p><a href="#top" alt="顶部" ><img src="images/to-top.png" /></a></p>
			</div>


			
			<div id="qrcode">
			<p><img src="images/qrcode.png"  width="120"/></p>
			</div>

			
			<div id="header">
				<h1>
					<img id="top_img" src="images/hellotime-logo.png" height="100" />
					<div  id="top_text">Hello Time基于时间性格的日程管理</div>
				</h1>
			</div>
			
			
			<div class="clear"></div>

			<div id='content'>
			
			
				<h2>	<a name="产品" id="principle">设计理念/Design Principle</a>	</h2>  
				<div>
				   <p  align="left" class="STYLE3"></p>
					<div>
						<div style="float:right" class="bigpic" >
							<img src="images/prev.PNG" class="bigpic" />
						</div>
						<div class="text1">
							<h2 class="subtitle">NO.1</h2>基于科学的统计 <br/><br/>我们认为，每个人每天的任务不同，但存在一个统一的公式表示其每天的成就感
						</div>
					</div>
						
					<div class="clear" style="height:50px"></div>
				 
					<div>
						<div class="text1">
							<h2 class="subtitle">NO.2</h2>直观的性格信息 <br/><br/>时间性格的概念通过细致实用的统计信息体现，帮助你了解你自己！
						</div>
						<div style="float:right" lass="bigpic">
							<img src="images/statistic.PNG" class="bigpic" />
						</div>
					</div>
			   
					<div class="clear" style="height:50px"></div>
			   
					<div>
						<div style="float:right" class="bigpic" >
							<img src="images/complete.PNG" class="bigpic" />
						</div>
						<div class="text1">
							<h2 class="subtitle">NO.3</h2>爽快的操作体验 <br/><br/>通过涂抹的方式标记每个任务的完成进度，在更新必要信息的同时，让用户体验到完成任务的快感
						</div>
					</div>
					
					<div class="clear" style="height:50px"></div>
				</div>
				   
				   
				   
				<h2><a name="产品" id="product">产品概览/Product Introduction</a></h2>	
				<div id="box">         
					<ul  class="list2" id="outline_pic">
						<li  class="current"><img src="images/arrange/02new-1.png" alt='pic1' title='图片1' width="240" height="400"/></li>
						<li><img src="images/arrange/02new-1-4.png" alt='pic2' title='图片2' width="240" height="400"/></li>  
						<li><img src='images/record/03new-1.png' alt='pic3' title='图片3' width="240" height="400"/></li>  
						<li><img src='images/calendar/04new-1.png' alt='pic4' title='图片4' width="240" height="400"/></li>  
						<li><img src='images/analysis/05new-1(3)-3.png' alt='pic5' title='图片5' width="240" height="400"/></li>  
						<li><img src='images/analysis/05new-1(3)-1.png' alt='pic6' title='图片6' width="240" height="400"/></li>  
					</ul>
					<ul class="count" id="outline_count">
						<li class="current">1</li>   
						<li>2</li>   
						<li>3</li>   
						<li>4</li>   
						<li>5</li>   
						<li>6</li>  
					</ul>
					<ul class="discrip" id="outline_desc">
						<li class="current">从这里开始，<br/>你的日程，我来管理！</li>   
						<li>涂抹式的填写给您不一样的体验！</li>   
						<li>健忘？摆脱它的束缚！</li>   
						<li>这样的日历将与您为伴！</li>   
						<li>周周有主题，生活更加清晰。</li>   
						<li>收获经验，装饰人生。</li>    
					</ul>
				</div>
				   
				   
				<h2><a name="团队" id="team">团队介绍/Team Members</a></h2> 
				<div id="teamintro" >
				
					<p><img src="images/team.png" width="800" height="300" /></p>
					<table width="800" border="0" align="center">
						<tr>
							<td width="108"><span class="STYLE13">金灿</span></td>
							<td width="110"><span class="STYLE13">章以佥</span></td>
							<td width="108"><span class="STYLE13">范娜娜</span></td>
							<td width="120"><span class="STYLE13">王慧钰</span></td>
							<td width="97"><span class="STYLE13">崔晨阳</span></td>
							<td width="108"><span class="STYLE13">张湘莲</span></td>
							<td width="119"><span class="STYLE13">盛杰</span></td>
						</tr>
						<tr>
							<td><span class="STYLE13">南京大学</span></td>
							<td><span class="STYLE13">南京大学</span></td>
							<td><span class="STYLE13">北京大学</span></td>
							<td><span class="STYLE13">北京大学</span></td>
							<td><span class="STYLE13">北京大学</span></td>
							<td><span class="STYLE13">中央美术学院</span></td>
							<td><span class="STYLE13">中央美术学院</span></td>
						</tr>
						<tr>
							<td><span class="STYLE13">市场分析师</span></td>
							<td><span class="STYLE13">用户分析师</span></td>
							<td>开发工程师</td>
							<td>开发工程师</td>
							<td><span class="STYLE13">产品经理</span></td>
							<td><span class="STYLE13">界面设计师</span></td>
							<td><span class="STYLE13">交互设计师</span></td>
						</tr>
					</table>
					<div>
						<p class="STYLE10">未名湖边，博雅塔下，把这一刻留在这里，把记忆留在心中。</p>
						<img src="images/family.JPG" width="800"/>
					</div>
				</div>
				  
				  
				<h2><a name="联系我们" id="contact">联系我们/Contact Us</a>  
				<div>
					</h2>
					<p>如果您对我们有任何意见或建议，欢迎联系我们。</p>
					<p>e-mail：hellotime2013@126.com</p>
				</div>
				
				
			</div>
		</div>
	</body>
</html>
